<template>
  <div class="bottom">
    <div style="width: 80%; margin: 0 auto;">
      <div class="leftLog">
        <img  src="../../../static/images/swapbook.jpg"/>
        <span style="color: #064420; font-size: 1.4rem; float: left; vertical-align:middle; padding: 33px 0 0 5px">swapbook</span>
      </div>
      <div class="centerTxt">
        <div class="span1">
          <span>关于我们</span>
          <span>友情链接</span>
          <span>合作企业</span>
          <span>联系我们</span>
          <span>技术支持</span>
          <span>邮箱：dawnyq@163.com</span>
        </div>
        <div class="span2">
          <span>项目发展</span>
          <span>新华书店</span>
          <span>xw公司</span>
          <span>联系邮箱</span>
          <span>快递服务</span>

          <span style="color: black">手机号：17628383898</span>
        </div>
        <div class="span3">
          <span>公司前景</span>
          <span>顺丰速运</span>
          <span>km集团</span>
          <span>联系手机</span>
          <span>网站优化</span>

        </div>
      </div>
      <div class="rightlink">
        <img  src="../../../static/images/connected/wx.png"/>
        <img  src="../../../static/images/connected/qq.png"/>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "bottom"
}
</script>

<style scoped>
.bottom{width: 100%;margin: 0 auto; height: 100px;background: #f6f9fa;  float: left}
.leftLog{float: left; width: 20%; height: 100px; }
.leftLog img{ width: 25%; height: 35px; float: left; padding: 30px 0 0 40px;vertical-align:middle;  }
.centerTxt{float: left; width: 50%; height: 100px; padding: 10px 0 0 0; }
.centerTxt .span1 span{font-size: 1px; padding-left: 34px;}
.centerTxt .span2 span{font-size: 0.4rem; padding-left: 37px; color: #dadada }
.centerTxt .span3 span{font-size: 0.4rem; padding-left: 37px; color: #dadada}
/*.centerTxt span:nth-child(1){font-size: 1.2rem;}*/
.rightlink{float: left; width: 30%; height: 100px; padding: 15px 0 0 0;  }
.rightlink img{width: 20%; height: 60px;padding-left: 20px;}
</style>
